<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/page/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>模板编辑-${STemplateBase.templateName}(${STemplateBase.templateId})</title>
	<%@ include file="/adapter/adapter-easyui.jsp" %>
	<%@ include file="/adapter/adapter-bootstrap.jsp" %>
	<link href="${ctx}/frontframe/easyui/themes/easyui-extend.css" rel="stylesheet" type="text/css"/>
	<style type="text/css">  
	    html,body  
	    {  
	        height:100%;  
	        margin:0 auto;
	    }
	</style>		
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:44px;background:rgb(45, 195, 232);color:#ffffff;padding:2px">
	   <div class="panel-heading">
      <h3 class="panel-title" align="center">
      ${STemplateBase.templateName}(${STemplateBase.templateId}) - 模板
      </h3>
   </div>
	</div>
	<div data-options="region:'west',split:true,title:'模板样图'" style="width:512px;padding:10px;overflow:hidden">
	<br></br>
                       	<div class="col-xs-12" align="center">
                      		<img src="${ctx}/template/${templateId}.png" class="img-responsive"></img>
                      	</div>
	<br></br>
	</div>
	<div data-options="region:'center',title:'模板编辑'">
		<div id="tabs" class="easyui-tabs" style="width:100%;height:600px">		
			<div id="tab1" title="模板参数" style="padding:10px">
				<iframe scrolling="no" frameborder="0"  src="${ctx}/template/paramList.do?template_id=${templateId}" style="width:100%;height:100%;"></iframe>
			</div>			
			<div id="tab2" title="模板文件" style="padding:10px">
				<iframe scrolling="no" frameborder="0"  src="${ctx}/template/fileList.do?template_id=${templateId}" style="width:100%;height:100%;"></iframe>
			</div>
			<div id="tab3" title="基本信息" style="padding:10px">
				<iframe scrolling="no" frameborder="0"  src="${ctx}/template/baseInfoEdit.do?template_id=${templateId}" style="width:100%;height:100%;"></iframe>
			</div>					
		</div>	
	</div>
</body>
</html>
<script type="text/javascript"> 
$(function(){
	$('#tabs').tabs({
		width: $("#tabs").parent().width(), 
		height:$("#tabs").parent().height()
	});
	$('#tab1').css('height',$("#tabs").parent().height());
	$('#tab2').css('height',$("#tabs").parent().height());
	$('#tab3').css('height',$("#tabs").parent().height());
}); 
</script>